<template>
	<view>
		<v-button size="small">小型按钮</v-button>
		<v-button @click="demo()" :stabilization-time="2000">默认按钮</v-button>
		<v-button size="large">大型按钮</v-button>
		<v-button loading>加载按钮</v-button>
		<v-button type="delete" disabled>禁用按钮</v-button>
		<hr />
		<v-button type="delete">删除按钮</v-button>
		<v-button type="succeed">成功按钮</v-button>
		<v-button type="info">信息按钮</v-button>
		<v-button type="warn">警告按钮</v-button>
		<v-button type="text">文本按钮</v-button>
		<hr />
		<v-button model="square">方形按钮</v-button>
		<v-button model="circle">圆形按钮</v-button>
		<v-button type="text" model="border">下边框按钮</v-button>
		<v-button plain>镂空按钮</v-button>
	</view>
</template>

<script setup>
function demo() {
	console.log('v-uni-app ui');
}
</script>

<style>
.v-button {
	margin: 40rpx auto;
}
</style>
